<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>评论区</title>
		<style>
			div#w{
				width: 400px;
				height: 100px;
				 border: 1px solid black;
				 margin-top: 40px;
				 margin-left: 40px;
			}
			div#n{
				width: 200px;
				
				 border: 1px solid black;
				 margin-top: 30px;
				 margin-left:100px ;
				 
			}
			ul li{
				float: left;
				list-style: none;
				width: 30px;
				height: 30px;
				border: solid 1px black;
				text-align: center;
				margin-right: 20px;
				border-radius: 20%;
			}
			
			
		</style>
	</head>
	
	<body>
		<!-- 评论区 -->
	<div id="w">
		<div id="n"></div>
	</div>
	<ul>
		<li>1</li>
		<li><a href="">2</a></li>
		<li><a href="">3</a></li>
		<li><a href="">4</a></li>
		<li><a href="">5</a></li>
		<li><a href="">6</a></li>
	</ul>
	</body>
</html>